<!--<template>-->
<!--  <div class="ppt" @touchend="active = false">-->
<!--    <div class="header">-->
<!--      <div class="header-title">-->
<!--        <SvgIcon name="Start" :size="24" />-->
<!--        <h5 style="font-size: 17px;">出差报告</h5>-->
<!--      </div>-->
<!--      <p>-->
<!--        输入框可以描述你的时间和文件，AI自动帮你生成报告。只侦测memo的内容。-->
<!--      </p>-->
<!--    </div>-->

<!--    <div class="card">-->
<!--      <div class="title">-->
<!--        <span>PPT主题</span>-->
<!--        <span>(必填项)</span>-->
<!--      </div>-->
<!--      <div class="input">-->
<!--        <van-field v-model="message" rows="1" type="textarea" placeholder="请输入">-->
<!--          <template #right-icon>-->
<!--            <div class="search-icon">-->
<!--              <SvgIcon v-show="message.length !== 0" @click="message = ''" class="icon-item" name="清空" :size="24" />-->
<!--              <SvgIcon :class="`icon-item ${active ? 'active' : ''}`" @touchstart="active = true" name="麦克风"-->
<!--                :size="16" />-->
<!--            </div>-->
<!--          </template>-->
<!--        </van-field>-->
<!--      </div>-->
<!--      <div class="file">-->
<!--        <p>选择图片/文件</p>-->
<!--        <div class="file-list">-->

<!--          <div v-for="item, index in dataList" class="item">-->
<!--            <SvgIcon @click="dataList = dataList.filter((ite, ind) => ind !== index)" class="icon" name="失败"-->
<!--              :size="16" />-->
<!--            <img src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" alt="">-->
<!--            <span class="label">{{ item.split('/')[item.split('/').length - 1] }}</span>-->
<!--          </div>-->
<!--          &lt;!&ndash; <div class="item">-->
<!--            <SvgIcon class="icon" name="失败" size="16" />-->
<!--            <img src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" alt="">-->
<!--            <span class="label">添加</span>-->
<!--          </div> &ndash;&gt;-->
<!--          <div class="item" @click="addFile">-->
<!--            <SvgIcon name="加号" :size="16" />-->
<!--            <span class="label">添加</span>-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--      <van-button type="primary" @click="submit" class="button">生成</van-button>-->
<!--    </div>-->
<!--    <van-popup class="search-content" v-model:show="show">-->
<!--      <Search message="确认" @download="download" @close="show = false" />-->
<!--    </van-popup>-->
<!--    <van-notify type="success">-->
<!--      <van-icon name="bell" style="margin-right: 4px;" />-->
<!--      <span>PPT主题不能为空</span>-->
<!--    </van-notify>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup>-->
<!--import SvgIcon from "@/components/SvgIcon.vue";-->
<!--import Search from "@/views/search/index.vue"-->
<!--import { showNotify } from 'vant';-->

<!--import { ref } from "vue"-->
<!--import { useRouter } from "vue-router";-->

<!--const router = useRouter()-->
<!--const message = ref('')-->
<!--const active = ref(false)-->
<!--const show = ref(false)-->
<!--const dataList = ref([])-->
<!--const submit = () => {-->
<!--  if (message.value.length <= 0) {-->
<!--    showNotify({ type: 'danger', message: 'PPT主题不能为空' });-->
<!--    return-->
<!--  }-->
<!--  router.push({ path: '/generationPPT', query: { message: message.value, filePaths: dataList.value.toString() } })-->
<!--}-->
<!--const addFile = () => {-->
<!--  show.value = true-->
<!--}-->
<!--const download = (fileList) => {-->
<!--  console.log(fileList, '1111')-->
<!--  dataList.value = fileList-->
<!--  show.value = false-->
<!--}-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
<!--.ppt {-->
<!--  padding: 12px;-->

<!--  .header {-->
<!--    height: 74px;-->
<!--    margin: 0 12px 32px;-->

<!--    p {-->
<!--      color: #333;-->
<!--      font-size: 14px;-->

<!--    }-->
<!--  }-->

<!--  .header-title {-->
<!--    display: flex;-->
<!--    justify-content: center;-->
<!--    margin-bottom: 10px;-->


<!--  }-->

<!--  .card {-->
<!--    height: 380px;-->
<!--    border-radius: 6px;-->
<!--    background: #FFF;-->
<!--    padding: 28px 20px;-->

<!--    .title {-->
<!--      span {-->
<!--        &:nth-child(1) {-->
<!--          color: #191919;-->
<!--          font-size: 14px;-->
<!--          font-weight: 600;-->
<!--        }-->

<!--        &:nth-child(2) {-->
<!--          color: #999;-->
<!--          font-size: 14px;-->
<!--        }-->
<!--      }-->
<!--    }-->

<!--    .input {-->
<!--      padding-top: 16px;-->

<!--      :deep(.van-field) {-->
<!--        border-radius: 6px;-->
<!--        background: #F5F5F5;-->
<!--        height: 108px;-->

<!--        .van-field__body {-->

<!--          // overflow-y: auto;-->
<!--          textarea {-->
<!--            height: 88px !important;-->
<!--          }-->

<!--          .van-field__right-icon {-->
<!--            position: absolute;-->
<!--            top: 65px;-->
<!--            right: -10px;-->


<!--          }-->
<!--        }-->

<!--      }-->

<!--      .search-icon {-->
<!--        display: flex;-->
<!--        align-items: center;-->
<!--        justify-content: center;-->

<!--        .icon-item {-->
<!--          display: flex;-->
<!--          align-items: center;-->
<!--          justify-content: center;-->

<!--          color: #fff;-->

<!--          &:nth-child(2) {-->
<!--            border-radius: 50%;-->
<!--            padding: 4px;-->
<!--            color: #000000;-->
<!--            transition: 1s;-->
<!--          }-->
<!--        }-->

<!--        .active {-->
<!--          background-color: var(&#45;&#45;van-primary-color);-->
<!--          color: #fff !important;-->
<!--        }-->
<!--      }-->
<!--    }-->

<!--    .file {-->
<!--      margin-top: 24px;-->

<!--      p {-->
<!--        color: #666;-->
<!--        font-size: 14px;-->
<!--        font-weight: 600;-->
<!--      }-->

<!--      .file-list {-->
<!--        display: flex;-->
<!--        margin-top: 16px;-->

<!--        .item {-->
<!--          width: 40px;-->
<!--          height: 40px;-->
<!--          border: 1px solid #EBEBEB;-->
<!--          display: flex;-->
<!--          justify-content: center;-->
<!--          align-items: center;-->
<!--          background: #FFF;-->
<!--          position: relative;-->
<!--          margin: 0 18px;-->

<!--          img {-->
<!--            border-radius: 4px;-->

<!--            width: 40px;-->
<!--            height: 40px;-->
<!--          }-->

<!--          .label {-->
<!--            position: absolute;-->
<!--            color: #666;-->
<!--            font-size: 9px;-->
<!--            width: max-content;-->
<!--            bottom: -25px;-->
<!--          }-->

<!--          .icon {-->
<!--            position: absolute;-->
<!--            right: 0;-->
<!--            top: 0;-->
<!--            transform: translate(50%, -50%);-->
<!--          }-->
<!--        }-->
<!--      }-->
<!--    }-->

<!--    .button {-->
<!--      width: 100%;-->
<!--      height: 36px;-->
<!--      margin-top: 48px;-->
<!--    }-->
<!--  }-->

<!--  .search-content {-->
<!--    width: 351px;-->
<!--    height: 90%;-->
<!--    border-radius: 12px;-->
<!--    background: #FFF;-->
<!--    overflow: hidden;-->

<!--    :deep(.van-checkbox-group) {-->
<!--      height: 212px;-->
<!--      overflow: auto;-->
<!--    }-->
<!--  }-->

<!--}-->
<!--</style>-->
